Tikz package - [Kỳ 1] Cài đặt và những lệnh vẽ cơ bản

Cài đặt

\usepackage{tikz}

\begin{tikzpicture}
    %Những lệnh vẽ;
\end{tikzpicture}

Một số lưu ý để học cách sử dụng TikZ?

• draw:  nét vẽ đơn, có thể hình dung như nét bút chì. Lệnh vẽ: \path[draw]. Hoặc dùng lệnh tắt: \draw

• fill: mảng màu không viền. Lệnh vẽ \path[fill]. Lệnh tắt: \fill

• clip: hình dung như một nhát cắt lên các lệnh vẽ phía sau nó. Lệnh vẽ: \path[clip]. Lệnh tắt: \clip

• shade: vùng đổ bóng. Lệnh vẽ \path[shade]. Lệnh tắt: \shade

• Nhóm lệnh vẽ cơ bản. Nhóm này bao gồm:
• Vẽ đường nối 2 điểm, 3 điểm,...
• Vẽ đường tròn với tâm và bán kính
• Vẽ hình chữ nhật
• Vẽ đường cong

• Nhóm lệnh vẽ nâng cao
• Vẽ đồ thị theo hàm số
• Vẽ hình sử dụng vòng lặp

• Nhóm tùy biến dùng để “trang trí”. Nhóm này bao gồm:
• Chọn màu sắc đường vẽ
• Tô màu một vùng diện tích
• Chọn nét đứt/nét liền
• Chọn độ dày đường vẽ
• Bắt đầu/kết thúc đường vẽ bằng mũi tên, chấm tròn,...
• Thêm chú thích hình vẽ (font chữ, vị trí của chủ thích,...)
 

Những lệnh vẽ cơ bản

Vẽ đường nối các điểm

\begin{tikzpicture}
    \draw (0,0)--(1,1);
    \draw [line width=3, red] (1,0)--(2,1);
\end{tikzpicture}

\begin{tikzpicture}
    \draw (0,0)--(1,1)--(2,1)--(2,0);
    \draw [dotted, red] (3,0)--(4,1)--(5,1)--(5,0)node[below]{Math2IT};
\end{tikzpicture}

Vẽ đường tròn với tâm và bán kính

\begin{tikzpicture}
    \draw (0,0) circle (1cm);
    \draw [dashed, line width=0.2cm, blue, fill=yellow] (3,0) circle (1);
\end{tikzpicture}

• Lệnh thứ nhất vẽ một đường tròn có tâm là điểm (0,0) và bán kính 1cm. Lệnh thứ 2 vẽ đường tròn tâm (3,0) bán kính 1cm, với đường nét đứt (dashed) màu xanh.

• Ở lệnh thứ 2, việc quy định độ dày đường vẽ line width=0.2cm đã làm cho hình thứ 2 to hơn hình thứ nhất 0.1cm, cần lưu ý điểm này khi vẽ các hình yêu cầu độ chính xác cao.

Vẽ hình chữ nhật

\begin{tikzpicture}
    \draw (0,0) rectangle (2,1);
    \draw [rounded corners, purple, ultra thick] (3,0) rectangle (5,1);
    \draw [rounded corners, purple, ultra thick, left color=blue, right color=blue!50] (6,0) rectangle (8,1);
\end{tikzpicture}

Vẽ đường cong

\begin{tikzpicture}
    \draw (0,0) to [out=90,in=180] (3,2);
    \draw [->, very thick, green] (4,0) to [out=-30,in=120] (7,2);
    \draw [->, very thick, orange] (8,0) to [out=-30,in=120] (11,2) to (12,2);
\end{tikzpicture}

• Lệnh thứ nhất vẽ một đường cong xuất phát từ điểm (0,0) và kết thúc tại điểm (3,2). Đường cong này đi ra khỏi điểm (0,0) theo hướng 90 độ và đi vào điểm (3,2) theo hướng 180 độ. Như vậy có thể thấy nếu ta bỏ đi đoạn [out=90,in=180] thì lệnh này sẽ vẽ ra chính xác một đoạn thẳng.

• Trong lệnh thứ 2 ta thấy xuất hiện thêm tùy biến <->.Tùy biến này quy định hình dáng 2 đầu mút của đường vẽ. Bạn hãy thử thay bằng tùy biến >-< rồi xem kết quả nhé.

• Lệnh thứ 3, ta vẽ liên tiếp 2 đường cong đi qua 3 điểm. Tuy nhiên ở đoạn thứ 2, từ điểm (11,2) đến điểm (12,2) ta không khai báo out/in làm cho đường vẽ trở thành một đoạn thẳng.

\begin{tikzpicture}
    \draw                          (0,0) .. controls (0,1.5) .. (3,2);
    \draw [magenta, dashed, thick] (0,0) .. controls (0,1.5) .. (3,2);
\end{tikzpicture}

\begin{tikzpicture}
    \draw                           (0,0) .. controls (0,1.5) and (1.5,2) .. (3,2);
    \draw [>-<, violet, ultra thick](0,0) .. controls (0,1.5) and (1.5,2) .. (3,2);
\end{tikzpicture}

Kết